<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title></title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/main.css" />
	</head>
	<body>
		<div class="fiexd-right">
			<div class="fiexd-raiud fiexd-raiud-in"></div>
			<div class="fiexd-raiud"></div>
			<div class="fiexd-raiud"></div>
			<div class="fiexd-raiud"></div>
		</div>
		<div class="scoll" id="scroll" style="transform: translateY(0);">
			<div class="mod">
				<div class="back-box">
					<div class="back"><div class="back-mo"></div></div>
				</div>
				<div class="mod-center">个人项目展示</div>
			</div>
			<div class="mod">
				<div class="mod2-center">
					<div class="mod2_float">
						<div class="mod2_name">
							<div class="mod2_log"></div>
							<div class="mod2_myname">唐万尊</div>
							<div class="mod2_zhiye"><div class="mod2_zhiye_box">web前端工程师</div></div>
						</div>
						<div class="mod2-beijing">
							<div class="mod2-title">
								<div class="mod2-txt">教育背景</div>
								<div class="mod2-time">2015-2017</div>
							</div>
							<div class="mod2-zhuanye">软件技术</div>
							<div class="mod2-xuexiao">烟台职业学院</div>
						</div>
					</div>
					<div class="mod2_float">
						<div class="mod2-beijing">
							<div class="mod2-title">
								<div class="mod2-txt">联系方式</div>
							</div>
							<div class="mod2-lianxi"><div class="mod2-lianxi-iso iso1"></div>18953891019</div>
							<div class="mod2-lianxi"><div class="mod2-lianxi-iso iso2"></div>997017913</div>
							<div class="mod2-lianxi"><div class="mod2-lianxi-iso iso3"></div>tangwanzun1</div>
						</div>
					</div>
				</div>
			</div>
			<!--个人作品展示横向幻灯片-->
			<div class="production" >
				<div class="production-next" onclick="HFShow(1)">></div>
				<div class="production-last" onclick="HFShow(0)"><</div>
				<div class="mod-box" style="transform: translateX(0);">
					<!--指尖飞机-->
					<div class="mod mod-HF">
						<div class="mod2-center">
							<div class="zjfj-iphone">
								<img src="img/zjfj/iphone.png" alt="" />
								<div class="zjfj-show">
									<img src="img/zjfj/zjfi-show1.png" width="224px" height="399px" />
									<div class="pingmo"></div>
								</div>
								<div class="zjfj-sjmx">
									<div class="zjfj-sjmx-commit">
										<div class="zjfj-sjmx-js">
											使用技术
										</div>
										<ul class="zjfj-ul">
											<li>HTML5 <br/> <img src="img/HTML5.png" /></li>
											<li>CSS3 <br/> <img src="img/CSS3.png" /></li>
											<li>hilo <br/> <img src="img/zjfj/hilo.png" /></li>
										</ul>
										<h3>2017.8.2 - 2017.8.15</h3>
									</div>
								</div>
							</div>
							<div class="zjfj-github" onclick="window.open('https://github.com/TangWanZun/yuancheng','_blank')">
								GitHub源码
							</div>
							<div class="zjfj-rwm">
								<div>手机扫码开始游戏</div>
								<img src="img/zjfj/1504860059.png" width="250px" height="250px" />
							</div>
							<div class="zjfj-title">
								指尖飞机
							</div>
						</div>
					</div>
					<div class="mod mod-HF">
						<div class="mod2-center">
							<div class="yyv1-connet">
								<div class="yyv1-dn">
									<img src="img/yybfqv1/diannao.png" width="800px" height="465px" />
								</div>
								<div class="yyv1-dnmx">
									<div class="yyv1-sjmx-commit">
										<div class="zjfj-sjmx-js">
											使用技术
										</div>
										<ul class="yyv1-ul">
											<li>HTML5 <br/> <img src="img/HTML5.png" /></li>
											<li>CSS3 <br/> <img src="img/CSS3.png" /></li>
											<li>wamp <br/> <img src="img/yybfqv1/wamp.png" /></li>
											<li>php <br/> <img src="img/yybfqv1/php.png" /></li>
										</ul>
										<h3>2017.6.1 - 2017.6.20</h3>
									</div>
								</div>
							</div>
							<div class="zjfj-title yyv1-title">
								在线音乐播放器V1
							</div>
						</div>
					</div>
					<div class="mod mod-HF">
						<div class="mod2-center">
							<div class="zjfj-title yyv1-title">
								在线音乐播放器V2
							</div>
							<div class="yybfqv2-img">
								<img src="img/yybfqv2/yybfqv2.png" height="550px" />
							</div>
							<div class="yybfqv2-dnmb">
								<div class="zjfj-sjmx-js">
									使用技术
								</div>
								<ul class="yyv1-ul">
									<li>HTML5 <br/> <img src="img/HTML5.png" /></li>
									<li>CSS3 <br/> <img src="img/CSS3.png" /></li>
									<li>tomcat <br/> <img src="img/yybfqv2/tomcat.png" /></li>
									<li>jsp <br/> <img src="img/yybfqv2/jsp.png" /></li>
								</ul>
								<h3>2017.8.14 - 1017.8.25</h3>
							</div>
						</div>
					</div>
					<div class="mod mod-HF">
						<div class="mod2-center">
							<div class="sjyy-sj">
								<img src="img/zjfj/iphone.png" width="210px" />
								<div class="sjyy-sj-show">
									<img src="img/sjyy/rabbit_app.jpg" width="183px" height="324px" />
								</div>
								<div class="sjyy-hsj">
									<div class="sjyy-sjz">
										<div class="sjyy-sjz-show">
											<img src="img/sjyy/rabbit_app2_gif.gif" width="183px" height="324px" />
										</div>
									</div>
									<div class="sjyy-mx">
										<div class="sjyy-sjmx-js ">
											使用技术
										</div>
										<ul class="sjyy-ul">
											<li>HTML5 <br/> <img src="img/HTML5.png" /></li>
											<li>CSS3 <br/> <img src="img/CSS3.png" /></li>
											<li>mui <br/> <img src="img/sjyy/mui.png" /></li>
											<li>vue <br/> <img src="img/sjyy/vue.png" /></li>
										</ul>
										<h3>2017.6.1 - 2017.6.20</h3>
									</div>
								</div>
							</div>
							<div class="sjyy-lianjie">
								<div class="zjfj-github" onclick="window.open('https://github.com/TangWanZun/rabbit_app','_blank')">
									GitHub源码
								</div>
								<div class="zjfj-rwm">
									<div>手机扫码开始体验</div>
									<img src="img/sjyy/1516004068.png" width="250px" height="250px" />
								</div>
							</div>
							<div class="zjfj-title sjyy-title">
								手机音乐播放器
							</div>
						</div>
					</div>
					<div class="mod mod-HF">
						<div class="mod2-center">
							<div class="hysw-img">
								<img src="img/hysw/808905c0e55a7f2ae690c2eaf6f0f0e4.png" height="550px" />
							</div>
							<div class="hysw-dnmb">
								<div class="zjfj-sjmx-js hysw-sjmx-js">
									使用技术
								</div>
								<ul class="yyv1-ul hysw-ul">
									<li>HTML5 <br/> <img src="img/HTML5.png" /></li>
									<li>CSS3 <br/> <img src="img/CSS3.png" /></li>
								</ul>
								<h3>2017.7.3 - 2017.8.3</h3>
							</div>
							<div class="zjfj-title hysw-title">
								烟台海洋生物导航
							</div>
						</div>
					</div>
				</div>
			</div>

			
			<div class="mod">
				<div class="mod2-center">
					<div class="zjfj-title qt-title">
						其他作品
					</div>
					<div class="qt-center">
						<div class="qt-icon">
							<div class="qt-con">
								<div class="qt-xian">
									<img src="img/qt1.png" width="100%" height="100%"/>
								</div>
							</div>
						</div>
						<div class="qt-icon">
							<div class="qt-con">
								<div class="qt-xian">
									<img src="img/qt2.png" width="100%"/>
								</div>
							</div>
						</div>
						<div class="qt-icon">
							<div class="qt-con">
								<div class="qt-xian"></div>
							</div>
						</div>
						<div class="qt-icon">
							<div class="qt-con">
								<div class="qt-xian"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="js/mouseEvent.js" ></script>
	
</html>

